body{color:#222;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

ol,ul{list-style:none;}
		
html,body{ width:100%; height:100%; overflow:hidden;}
.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1); }
.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
.section-wrap .section .title{

}
.section-wrap .section .title p{ padding:0 0%;opacity:1}
.section-wrap .section .title em{ padding:0 0%;opacity:1}

.section-wrap .section .title.active .titInto{
	opacity: 1;
	transform: translateX(-25px);
	-webkit-transform: translateX(-100px);
	transition: all 1s cubic-bezier(0.86,0,0.8,1);
	-webkit-transition: all 1s cubic-bezier(0.86,0,0.8,1);
/*    height: 288px;*/
}

.section-wrap .section .title.active .titInto2{
	opacity: 1;
	transform: translateX(-25px);
	-webkit-transform: translateX(-100px);

	transition: all 0.5s ease 1s; 
	-webkit-transition: all 0.5s  ease 1s;
	-moz-transition: all 0.5s  ease 1s;
}

.section-wrap .section .title.active .titInto3{
	opacity: 1;
	transform: translateX(-25px);
	-webkit-transform: translateX(-25px);

	transition: all 0.5s ease 1.1s; 
	-webkit-transition: all 0.5s  ease 1.1s; 
	-moz-transition: all 0.5s  ease 1.1s; 
}
.section-wrap .section .title.active .titInto4{
	opacity: 1;
	transform: translateX(-25px);
	-webkit-transform: translateX(-100px);

	transition: all 0.5s ease 1.2s; 
	-webkit-transition: all 0.5s  ease 1.2s; 
	-moz-transition: all 0.5s  ease 1.2s;
}

.section-wrap .section .title.active .titInto5{
	opacity: 1;
	transform: translateX(-25px);
	-webkit-transform: translateX(-100px);

	transition: all 0.5s ease 1.3s; 
	-webkit-transition: all 0.5s  ease 1.3s;  
	-moz-transition: all 0.5s  ease 1.3s; 
}
.section-wrap .section .title.active .titInto6{
	opacity: 1;
	transform: translateX(-25px);
	-webkit-transform: translateX(-100px);

	transition: all 0.5s ease 1.4s; 
	-webkit-transition: all 0.5s  ease 1.4s;  
	-moz-transition: all 0.5s  ease 1.4s; 
}

.section-wrap .section .title.active .titInto7{
	opacity: 1;
	transform: translateX(-25px);
	-webkit-transform: translateX(-100px);

	transition: all 0.5s ease 1.8s; 
	-webkit-transition: all 0.5s  ease 1.8s;  
	-moz-transition: all 0.5s  ease 1.8s; 
}


.section-wrap .section .title.active .titInto8{
	opacity: 1;
	transform: translateY(-25px);
	-webkit-transform: translateY(-100px);

	transition: all 0.5s ease 1.8s; 
	-webkit-transition: all 0.5s  ease 1.8s;  
	-moz-transition: all 0.5s  ease 1.8s; 
}



.section-wrap .section .title.active .titInto1{
	opacity: 1;
	transform: translateY(-25px);
	-webkit-transform: translateY(-25px);
	transition: all 1s cubic-bezier(0.86,0,0.8,1);
	-webkit-transition: all 1s cubic-bezier(0.86,0,0.8,1);

}

.section-wrap .section .title.active .titInto15{
	opacity: 1;
	transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
	transition: all 1s cubic-bezier(0.86,0,0.8,1);
	-webkit-transition: all 1s cubic-bezier(0.86,0,0.8,1);

}

.section-wrap .section .title.active .tit{
	opacity: 1;
	transform: translateY(-25px);
	-webkit-transform: translateY(-25px);
	transition: all 2s cubic-bezier(0.86,0,0.8,1);
	-webkit-transition: all 2s cubic-bezier(0.86,0,0.8,1);

}


.section-wrap .section .title.active .titInto9{
	opacity: 1;
	transform: translateY(-25px);
	-webkit-transform: translateY(-25px);
	transition: all 0.5s ease 1.2s; 
	-webkit-transition: all 0.5s  ease 1.2s; 
	-moz-transition: all 0.5s  ease 1.2s; 

}

.section-wrap .section .title.active .titInto10{
	opacity: 1;
	transform: translateY(-25px);
	-webkit-transform: translateY(-25px);
	transition: all 0.5s ease 1.5s; 
	-webkit-transition: all 0.5s  ease 1.5s; 
	-moz-transition: all 0.5s  ease 1.5s; 

}

.section-wrap .section .title.active .titInto11{
	opacity: 1;
	transform: translateY(-25px);
	-webkit-transform: translateY(-25px);
	transition: all 0.5s ease 1.8s; 
	-webkit-transition: all 0.5s  ease 1.8s;
	-moz-transition: all 0.5s  ease 1.8s;}
	

	
	
	.section-wrap .section .title.active .titInto12{
	opacity: 1;
	transform: translateY(25px);
	-webkit-transform: translateY(25px);
	transition: all 0.5s ease 2s; 
	-webkit-transition: all 0.5s  ease 2s;
	-moz-transition: all 0.5s  ease 2s;}
	

	
		.section-wrap .section .title.active .titInto13{

	opacity: 1;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: all 1.5s ease-in-out 2.1s;
	-webkit-transition: all 1.5s ease-in-out 2.1s;
	-moz-transition: all 1.5s ease-in-out 2.1s;
	display: inline-block;
	
	}
	
	
	
	
	

.section-wrap .section-1{ background:#d6d6d6;}
.section-wrap .section-2{
 background:url(../images/ab_bg.jpg) no-repeat center top; min-height:730px; overflow:hidden
}
.section-wrap .section-3{

}
.section-wrap .section-4{ background:#fff;  background: url(../images/bg2.jpg) no-repeat top center #151e1f; }
.section-wrap .section-5{ background:url(../images/news_bg.jpg) no-repeat top center #f2f2f1;}


.section-wrap .section-6{
background:url(../images/box4Bg.jpg) no-repeat top center #e5eef5;
}
.section-wrap .section-7{ 	background-image: url(../images/sbg.jpg);
	background-repeat: repeat;
	background-position: left top;}
.section-wrap .section-8{
	background: url(../images/bg5.jpg) no-repeat center top  #460d00 ;
}
.section-wrap .section-9{
	background-color: #09090f;
	background-image: url(../images/bg6.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
.section-wrap .section-10{
	background-color: #07070a;
	background-image: url(../images/bg7.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
.put-section-5{ transform:translateY(-500%);-webkit-transform:translateY(-500%);}
.put-section-6{ transform:translateY(-600%);-webkit-transform:translateY(-600%);}
.put-section-7{ transform:translateY(-700%);-webkit-transform:translateY(-700%);}
.put-section-8{ transform:translateY(-800%);-webkit-transform:translateY(-800%);}
.put-section-9{ transform:translateY(-900%);-webkit-transform:translateY(-900%);}
.section-btn{ width:14px;position:fixed;right:0%;top:35%;}
.section-btn li{
	width: 8px;
	height: 8px;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-bottom: 12px;
	text-align: center;
	color: #fff;
	onsor: pointer;
	border: 2px solid #cecece;
}
.section-btn li.on{
	background:none;
	border: 2px solid #6eb92b;
	height: 12px;
	width: 12px;
	margin-left: -2px; cursor: pointer;
}
.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;font-size:20px;color:#fff;cursor:pointer;overflow:hidden;}
.arrow img { padding-top:17px;}
.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}


.section-btn{ width:14px;position:fixed;right:2%;top:35%; z-index:999;}
.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;font-size:20px;color:#fff;cursor:pointer;overflow:hidden;}
.arrow img { padding-top:17px;}
.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}









.panorama1 {
    background: url(../images/qjBanner_02.jpg) no-repeat center center;
    height: 100%;
    position: relative;
    min-width: 1280px;
}
.panorama1 .newsTit span{
    font-size: 30px;
    line-height: 60px;
    color: #666666!important;
}

.panorama1Right {
    position: relative;
    height: 100%;
    overflow: hidden;
        right: 8%;
}
.panorama1 .newsTit .newsTitsp2 {
    font-size: 20px!important;
    line-height: 52px!important;
    color: #fff;
}
.aboutBgLeft .writes span {
    color: #fff !important;
}

.aboutBgLeft .writes1 {
    background: url(../images/proRight.png) no-repeat right center !important;
}

.aboutBgLeft .writes1 a {
    color: #fff;
}

.pro_line {
    background: url(../images/pan_line.png) no-repeat bottom center;
    height: 110px;
    position: absolute;
    width: 100%;
    bottom: 80px;
}

.pro_line ul {
    overflow: hidden;
}

.pro_line ul .pro_line1 {
    left: 22%!important;
    top: 58px!important;
}

.pro_line ul .pro_line2 {
    left: 37%!important;
    top: 80px!important;
}

.pro_line ul .pro_line3{
    left: 52%!important;
    top: 93px!important;
}


.pro_line ul .pro_line4 {
    left: 67%!important;
    top: 95px!important;
}
.pro_line ul .pro_line5 {
    left: 82%!important;
    top: 93px!important;
}




.pro_line ul li {
    float: left;
    display: inline;
    position: absolute;
}

.pro_line ul li span {
    font-size: 18px;
    line-height: 60px;
    color: #fff;
    padding-top: 20px;
    display: block;
}

.pro_line ul li span:after {
    content: "";
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    border: 1px #fff solid;
    border-radius: 100%;
    top: 0;
    left: 25px;
    transition: 0.3s;
}
.pro_line ul li.hover span:after{border:1px solid #029c70}
.pro_line ul li span:before {
    content: "";
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 100%;
    left: 50%;
    margin-left: -5px;
    top: 8%;
    transition: 0.3s;
}
.pro_line ul li.hover span:before{ background-color:#029c70}
.based span.one {
    background: url(../images/rxbg.png) no-repeat center;
    -webkit-animation: inlinerbg 1.2s infinite linear;
    animation: column2Right 1.2s infinite linear;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    background-size: auto 100%;

}

.collBox {
    background: url(../images/tu.png) no-repeat center center;
    height: 460px;
    position: relative;
    background-size: auto 100%;
}

.based span.two {
    background: url(../images/rxbg.png) no-repeat center;
    -webkit-animation: inlinerbgo 1.2s infinite linear;
    animation: based 1.2s infinite linear;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: auto 100%;
}

.basedT {
    text-align: center;
    position: relative;
    top: 30%;
}

.basedT1 {
    position: relative;
    top: 26%;
}

.basedT .three {
    display: block;
    font-size: 30px;
    line-height: 60px;
    color: #fff;
}

.basedT .four {
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    padding-bottom: 25px;
}

.basedT .five {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    background: url(../images/720.png) no-repeat top center;
    padding-top: 60px;
}

@-webkit-keyframes based {
    0% {
        -webkit-transform: translate(5px, -9px);
        transform: translate(5px, -9px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(5px, -9px);
        transform: translate(5px, -9px);
    }
}

@keyframes based {
    0% {
        -webkit-transform: translate(5px, -9px);
        transform: translate(5px, -9px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(5px, -9px);
        transform: translate(5px, -9px);
    }
}

@-webkit-keyframes based {
    0% {
        -webkit-transform: translate(-5px, 9px);
        transform: translate(-5px, 9px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(-5px, 9px);
        transform: translate(-5px, 9px);
    }
}

@keyframes based {
    0% {
        -webkit-transform: translate(-5px, 9px);
        transform: translate(-5px, 9px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(-5px, 9px);
        transform: translate(-5px, 9px);
    }
}









.panorama {
  
    height: 100%;
    min-width: 1280px;
}

.box2 {
    background: url(../images/box2Bg.jpg) center center no-repeat;
    background-size: cover;
}

.newsLeft {
    height: 100%;
    padding: 0 79px 0 80px;
}

.newsTit h3 {
    font-size: 36px;
    color: #FFFFFF;
    line-height: 50px; z-index:99999; font-family:'Montserrat-Hairline'; text-transform:capitalize
}

.newsTab {
    padding-top: 45px;
}

.newsTab a {
    display: block;
    height: 40px;
    width: 140px;
    border: 1px solid #959da5;
    line-height: 40px;
    color: #959da5;
    text-align: center;
    margin-bottom: 20px;
    transition: 0.3s ease;
    border-radius: 3px;
    font-size: 14px;
}

.newsTab a:hover,
.newsTab a.active {
    color: #fff;
    background: #0075c1;
    border-color: #0075c1;
}


.newsRight .swiper-wrapper {
    height: 100%;
}

.newsList {
    height: 100%;
    position: relative;
    overflow: hidden; display:flex
}

.newsList .slick-list,
.newsList .slick-track,
.newsList .news-slide {
    height: 100%;
    outline: none; width:32%
}

.newsList .listBox {
    transition: 0.4s ease;
    position: relative;
    top: 0;
}

.newsList .listTit {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 26px;
    height: 26px;
    transition: 0.4s ease;
    transition-delay: 0.4s;
}

.newsList .listTit a {
    color: #fff;
}

.newsList .listTime {
    font-size: 16px;
    color: #b2b2b2;
    position: relative;
    padding-top: 10px;
    padding-bottom: 25px;
}

.newsList .listTime .listTimesp1 {
    font-size: 48px;
    line-height: 24px;
    color: #0075c1;
}

.newsList .listTime .listTimesp2 {
    font-size: 16px;
    line-height: 24px;
    color: #666;
}

.newsList .listInfr .listInfrsp {
    font-size: 20px;
    line-height: 24px;
    color: #333;
    display: block;
    overflow: hidden;
    height: 24px;
    margin-bottom: 15px;
}

.newsList .listInfr .listInfrsp1 {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    display: block;
    overflow: hidden;
    height: 56px;
}

.newsList .listTime:after {
    content: '';
    display: block;
    border-bottom: 1px solid #aaaaaa;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: 0.4s ease;
    transition-delay: 0.3s;
}
.newsList .listTime:before{
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: -5px;
    left: 0;
    background-color: #0075c1;
    border-radius: 100%;
    z-index: 9;
    display: none;
    transition-delay: 0.8s;
    transition: 0.4s ease;
}
.newsList .listInfr {
    color: #b2b2b2;
    font-size: 14px;
    line-height: 24px;
    height: 100px;
    padding-top: 9%;
    overflow: hidden;
}

.myDotsright {
    position: absolute;
    bottom: 8%;
    right: 0;
}

.myDotsright span {
    background: url(../images/more1.png) no-repeat center center;
    font-size: 14px;
    color: #666666;
}

.myDotsright span a {
    width: 171px;
    display: inline-block;
}

.myDotsright :hover a {
    color: #0075c1 !important;
}

.newsList .listImg {
    padding-top: 35px;
    position: relative;
    top: 0;
    transition: 0.4s ease;
}

.newsList .listImg a {
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

.newsList .listImg .imgBox {
    height: 270px;
    background-size: cover !important;
}

.newsList .listImg .imgBox img {
    display: block;
    height: 100px;
    width: 200px;
}

.newsListBox {
    padding: 0 30px;
    position: relative;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
}

.news-slide + .news-slide .newsListBox:after {
    position: absolute;
    content: '';
    top: 25%;
    border-right: 1px solid #757c82;
    height: 50%;
    left: 0;
    display: none;
}

.newsListBox:hover {
    background: none;
    background: none;
    transition: 0.3s ease;
}

.newsListBox:hover:after {
    display: none;
}

.newsList1 .listBox .listMore {
    padding-top: 23px;
    height: 34px;
    transition: 0.4s ease;
}

.newsList1 .listBox .listMore a {
    display: block;
    width: 115px;
    height: 32px;
    border: 1px solid #999;
    text-align: center;
    line-height: 32px;
    border-radius: 20px;
    font-size: 14px;
    color: #666;
    transition: 0.3s ease;
}
.newsList1 .listBox .listMore a:hover{
    border: 1px #0075c1 solid;
    background-color: #0075c1;
    color: #fff;
}
.newsListBox:hover .listBox {
    top: 330px;
}

.newsListBox:hover .listTit {
    white-space: normal;
    height: 52px;
}

.newsListBox:hover .listTit a {
    color: #333;
}

.newsList1 .listTit a:hover {
    color: #2285DF;
}

.newsListBox:hover .listImg {
        top: -200px;
}


.newsListBox:hover .listInfr {
    color: #666;
}

.newsListBox:hover .listMore {
    padding-top: 20px;
    height: 22px;
}

.newsListBox:hover .listTime:after {
    width: 100%;
    border-bottom: 1px solid #0075c1;
}
.newsListBox:hover .listTime:before{
    display: block;
}

.newsList1 .listBox .listMore a:hover {
    transform: translateX(3px);
}

.newsList1 .slick-dots {
    position: absolute;
    bottom: 8%;
    right: 0%;
    height: 25px;
    width: 100%;
    text-align: left;
    overflow: hidden;
}

.newsList .slick-dots li {
    display: inline-block;
    margin-left: 10px;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    background-color: #0075c1;
    cursor: pointer;
    vertical-align: middle;
}

.newsList .slick-dots li.slick-active {
    background: url(../images/cicle_icon.png) no-repeat center center !important;
    background: none;
    height: 25px;
    width: 25px;
    display: inline-block;
    text-align: center;
}

.newsList .slick-dots li.slick-active {

    text-align: center;
}

.newsList .slick-dots li.slick-active span {
    display: inline-block;
}

.newsList .slick-dots li span {
    line-height: 25px;
    display: none;
}

.newsList .slick-arrow {
    position: absolute;
    bottom: 12%;
    height: 16px;
    width: 9px;
    cursor: pointer;
    margin: 2px 0 0 0;
    z-index: 9;
    display: none !important;
}

.newsList .slick-arrow.next {
    background: url(../images/box2Next.png) center center no-repeat;
    left: 51%;
    margin-left: 28px;
}

.newsList .slick-arrow.prev {
    background: url(../images/box2Prev.png) center center no-repeat;
    left: 51%;
}

.newsRight .swiper-slide {
    position: relative;
    overflow: hidden;
    height: 100%;
}

。

/*.newsList2 .newsListBox:hover .listBox{
	top: 0;
}
.newsList2 .listTit{
	height: 52px;
	white-space: normal;
}
.newsList2 .listBox{
	padding-top: 40%;
}
.newsList2 .listInfr{
	height: 120px;
}*/
.newsRight .newsPrev,
.newsRight .newsNext {
    height: 80px;
    width: 36px;
    top: 50%;
    margin-top: -40px;
    position: absolute;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.newsRight .newsPrev {
    background: url(../images/newsPrev.png);
    left: -36px;
}

.newsRight .newsNext {
    background: url(../images/newsNext.png);
    right: -36px;
}

.newsRight .swiper-slide:hover .newsPrev {
    left: 0;
}

.newsRight .swiper-slide:hover .newsNext {
    right: 0;
}

.mediaList {
    overflow: hidden;
    padding-top: 40px;
    margin-right: 30px;
}

.mediaList dd {
    float: left;
    display: inline;
    width: 25%;
    margin-bottom: 30px;
    transform: translate(10px, 10px);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 0.4s ease;
}

.mediaList dd a {
    display: block;
    margin: 0 15px;
    color: #666;
    padding: 20px;
    transition: 0.4s ease;
    border-radius: 3px;
    background: #fff;
}

.mediaList .listTit {
    font-size: 16px;
    line-height: 28px;
    height: 56px;
    margin-bottom: 10px;
    overflow: hidden;
    transition: 0.4s ease;
}

.mediaList .listTime {
    transition: 0.4s ease;
}

.mediaList .listTime span {
    font-size: 12px;
    padding-right: 2px;

}

.mediaList dd.hover {
    transform: translate(0px, 0px);
    opacity: 1;
    filter: alpha(opacity=100);
}

/*.mediaList dd.bg1 a{background: #bfad9c;color: #857464; }
.mediaList dd.bg2 a{background:#f1eee9 ;color:#988c78 ;}
.mediaList dd.bg3 a{background:#fde4d2 ;color:#96725a ;}
.mediaList dd.bg4 a{background:#e9ece5 ;color:#6f7765 ;}
.mediaList dd.bg5 a{background:#e2e3de ;color:#969a87 ;}
.mediaList dd.bg6 a{background:#d2cfcd ;color:#7d746d ;}
.mediaList dd.bg7 a{background:#faecdf;color:#a29488 ;}
.mediaList dd.bg8 a{background:#f1eee9 ;color:#817869 ;}
.mediaList dd.bg9 a{background:#ede6f5 ;color:#988fa2 ;}
.mediaList dd.bg10 a{background:#fde4d1 ;color:#96725a ;}
.mediaList dd.bg11 a{background:#f1eee9 ;color:#988c78;}
.mediaList dd.bg12 a{background:#dbd8d6 ;color:#877a70 ;}
.mediaList dd.bg13 a{background: #bfad9c;color: #857464;  }
.mediaList dd.bg14 a{background:#f1eee9 ;color:#988c78 ;}
.mediaList dd.bg15 a{background:#fde4d2 ;color:#96725a ;}
.mediaList dd.bg16 a{background:#e9ece5 ;color:#6f7765 ;}
.mediaList dd.bg17 a{background:#e2e3de ;color:#969a87 ;}
.mediaList dd.bg18 a{background:#d2cfcd ;color:#7d746d ;}*/

.mediaList dd.bg1 a {
    background: #907c6a;
    color: #fff;
}

.mediaList dd.bg2 a {
    background: #b0a38d;
    color: #fff;
}

.mediaList dd.bg3 a {
    background: #9e8776;
    color: #fff;
}

.mediaList dd.bg4 a {
    background: #83946d;
    color: #fff;
}

.mediaList dd.bg5 a {
    background: #8e9670;
    color: #fff;
}

.mediaList dd.bg6 a {
    background: #aca39d;
    color: #fff;
}

.mediaList dd.bg7 a {
    background: #b9aa9d;
    color: #fff;
}

.mediaList dd.bg8 a {
    background: #aca392;
    color: #fff;
}

.mediaList dd.bg9 a {
    background: #a092b0;
    color: #fff;
}

.mediaList dd.bg10 a {
    background: #cdb29d;
    color: #fff;
}

.mediaList dd.bg11 a {
    background: #b0a899;
    color: #fff;
}

.mediaList dd.bg12 a {
    background: #7c7e7e;
    color: #fff;
}

.mediaList dd.bg2 {
    transition-delay: 0.1s
}

.mediaList dd.bg3 {
    transition-delay: 0.2s
}

.mediaList dd.bg4 {
    transition-delay: 0.3s
}

.mediaList dd.bg5 {
    transition-delay: 0.4s
}

.mediaList dd.bg6 {
    transition-delay: 0.5s
}

.mediaList dd.bg7 {
    transition-delay: 0.6s
}

.mediaList dd.bg8 {
    transition-delay: 0.7s
}

.mediaList dd.bg9 {
    transition-delay: 0.8s
}

.mediaList dd.bg10 {
    transition-delay: 0.9s
}

.mediaList dd.bg11 {
    transition-delay: 1s
}

.mediaList dd.bg12 {
    transition-delay: 1.1s
}

.mediaList dd a:hover {
    transform: translateY(-4px);
    box-shadow: 0 2px 35px 0 rgba(0, 0, 0, 0.3);
}.table{ display: table; width: 100%; height: 100%;}/* 设置表格方式垂直居中 */
.tableCell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle;}/* 设置表格方式垂直居中 */
.default{ background: #e5e5e5 url(../images/default.png) no-repeat center center;}/* 设置默认图 */
.bisPhrase {
    color: #fff;
    font-size: 16px;
    position: relative;
    z-index: 9;
}

.bisList {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9;
}
.bisList .aboutBgLeft .newsTit span:first-child{
    font-size: 30px!important;
    line-height: 70px!important; 
    color: #fff;
    text-transform: uppercase; margin-top:20px; font-family:Arial, Helvetica, sans-serif
}
.bisListT1 {
    height: 100%;
    width: 100%;
}

.bisListT1 dd {
    float: left;
    display: inline;
    width: 33.3333%;
    height: 100%;
}

.bisListT1 dd .maxBox {
    position: relative;
    width: 100%;
    height: 100%;
}

.bisListT1 dd a {
    display: block;
    height: 100%;
    *border-color: #fff;
    position: relative;
    border-radius: 5px;
    opacity: 0.8;
}

.bisListT1 dd a:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.bisListT1 .listBoxT1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.4s ease;
}

.bisListT1 .listBoxT1 .iconBox {
    height: 60px;
    width: 56px;
    margin: 0 auto;
}

.bisListT1 dd .listBoxT1 .txt1 {
    height: 40px;
    line-height: 45px;
    font-size: 24px;
    color: #fff;
    text-align: center;
}

.bisListT1 dd .listBoxT1 .txt2 {
    height: 30px;
    line-height: 45px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    position: relative;
    padding-bottom: 30px;
}

.bisListT1 dd .listBoxT1 .txt2:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -20px;
    height: 2px;
    width: 40px;
    background: #fff;
}

.bisListT1 dd .listBoxT1 .txt3 {
    height: 30px;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 50px 30px 0px;
}

.bisListT1 .listBox {
    position: absolute;
    top: 0;
    left: 0;
    background: #1b1b1b;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=00);
    transform: scale(0.2);
    transition: 0.6s ease;
}

.bisListT1 dd .listBox .listImg {
    text-align: center;
    padding-top: 30px;
}

.bisListT1 .listTxt {
    padding: 20px;
}
.maxBoxImg{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    height: 100%;
    width: 100%;
}.aboutBgLeft {
    height: 100%;
    padding-left: 30px;
    position: relative;
    z-index: 9;
    padding-right: 0px;
}.newsTit .newsTitsp2 {
    color: #333 !important; font-size:40px!important
}.aboutBgLeft .newsTit span {
    font-size: 24px;
    color: #999;
    line-height: 30px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 20px; font-family:'Montserrat-Light'
}.newsRight {
    height: 100%;
    overflow: hidden;
    padding-right: 0%; 
}
















.box4{
	background: url(../images/box4Bg.jpg) center center;
	background-size: cover;
	position: relative;
}
.box4List{
	width: 85%;
	padding-left: 15%;
	height: 100%;
}
.box4List .swiper-wrapper,
.box4List .swiper-slide{
	height: 100%;
}
.box4List .swiper-wrapper{
	transition-timing-function: cubic-bezier(1, 0.24, 0.24, 0.91);
}
.box4Sub .newsTit{
	width: 1380px;
}
.box4-slide{
	height: 447px;
	width: 1380px;
	overflow: hidden!important;
	
	transition: 0.4s ease; margin:0 auto;
}
.swiper-wrapper{margin:0 auto; width:1200px}


@media screen and (max-width:1920px) {
	.box4-slide{
		width: 1400px; margin:0 auto
	}
	.box4Sub .newsTit{
		width: 1400px; margin:0 auto
	}
	.box4-slide{
	height: 547px;
	width: 1380px;
	overflow: hidden!important;
	
	transition: 0.4s ease; margin:0 auto;
}
.swiper-wrapper{margin:0 auto; width:1200px}


}
@media screen and (max-width:1440px) {
	.box4-slide{
		width: 1200px!important;margin:0 auto;height: 447px;
	}
	.box4Sub .newsTit{
		width: 1200px!important;margin:0 auto
	}
}
.box4-slide .listImg{
	height: 100%;
	width: 50%;
	position: relative;
}
.box4-slide .listImg .mask1{
	height: 30%;
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	background: url(../images/o1.png);
}
.box4-slide .listImg .mask2{
	width: 50%;
	position: absolute;
	height: 70%;
	bottom: 0;
	left: 0;
	background: url(../images/o1.png);
	z-index: 9;
}
.box4-slide .listImg .imgBox{
	height: 100%;
}.box4-slide .listImg .imgBox img{ width:100%}
.box4-slide .listBox{
	width: 50%;
	position: relative;
	height: 100%;
}
.box4-slide .listTxt{
	padding: 0 40px;
	height: 100%;
	position: relative;
	z-index: 999999999999!important;
}
.cstList{
	overflow: hidden;
	padding-top: 60px;
}
.cstList li{
	float: left;
	display: inline;
	width: 25%;
}
.cstList li a{
	display: block;
	font-size: 14px;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.cstList li i{
	height: 80px;
	display: block;
	cursor: pointer;
	transition: 0.3s ease-in-out;
}
.cstList li:hover i{
	transform: rotateY(180deg);
}
.box4-slide .cstbg1{
	height: 70%;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	background: #1956ae;
}
.box4-slide .cstbg2{
	height: 30%;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	background: #1956ae;
}
.box4-slide .cstbg3{
	height: 70%;
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
}
.box4-slide .cstbg4{
	height: 30%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
}
.box4-slide .cstbg3 img,
.box4-slide .cstbg4 img{
	width: 100%;
	height: 100%;
}
.cstList li.ico1 i{background: url(../images/cstIco1.png) center top no-repeat;}
.cstList li.ico2 i{background: url(../images/cstIco2.png) center top no-repeat;}
.cstList li.ico3 i{background: url(../images/cstIco3.png) center top no-repeat;}
.cstList li.ico4 i{background: url(../images/cstIco4.png) center top no-repeat;}
.box4Tel{
	padding-left: 68px;
	background: url(../images/tel.png) left center no-repeat;
}
.box4Tel span{
	font-size: 14px;
	color: #fff;
	display: block;
}
.box4Tel em{
	font-size: 30px;
	color: #fff;
}
.box4Site{
	font-size: 14px;
	line-height: 28px;
	color: #fff;
}
.box4Site span{
	display: inline-block;
	width: 35px;
}

.contact .cstbg2{
	background: #014eaa;
}
.contact .cstbg3{
	background: #0b5ec0;
}
.contact .cstbg4{
	background: #014eaa;
}
/*子公司 */
.sdyList{
	margin: 0 -16px;
	overflow: hidden;
}
.sdyList dd{
	float: left;
	display: inline;
	width: 25%;
	padding: 10px 0;
}
.sdyList dd a{
	display: block;
	margin: 0 16px;
	transition: 0.3s ease;
	
}
.sdyList dd a:hover{
	transform: translateY(-4px);
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.2);
}
.sdyList dd .imgBox{
	padding-top: 67.7018%;
	border-radius:5px;
	overflow:hidden;
}
.sdyList dd .imgBox img{border-radius:5px;}


 /* */
.box4Tab{
	position: absolute;
	bottom: 9%;
	left: 15%;
	height: 26px;
	width: 100%;
	overflow: hidden;
	z-index: 99;
}
.box4Tab li{
	float: left;
	padding-right: 30px;
	cursor: pointer;
	width: 20%;
	transition: 0.6s ease;
}
.box4Tab li.active{
	width: 45%;
}
.box4T i{
	float: left;
	width: 12px;
	height: 12px;
	border: 1px solid #4c81cf;
	border-radius: 50%;
	position: relative;
	margin-top: 3px;
}
.box4T i:after{
	content: '';
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 3px;
	left: 3px;
	display: none;
}
.box4T span{
	font-size: 16px;
	color: #4d82d0;
	font-weight: bold;
	padding:0 20px 0 8px;
	float: left;
	transition: 0.3s ease;
}
.box4T .line{
	display:block;
	overflow: hidden;
	border-bottom: 1px solid #4d82d0;
	position: relative;
	top: 12px;
	transition: 0.6s ease;
}
.box4Tab li.active i{
	border-color: #fff;
}
.box4Tab li.active i:after{
	display: block;
}
.box4Tab li.active span{
	color: #fff;
}
.box4Tab li.active .box4T .line{
	border-color: #fff
}
.telList{
	overflow: hidden;
	position: relative;
	height: 100px;
	margin-top: -100px;
	transition: 0.6s ease;
}
.telList.active{
	margin-top: 0;
}
.telList dd{
	font-size: 36px;
	font-weight: bold;
	position: absolute;
	left: 0;
	height: 50px;
	width: 100%;
	transition: 0.6s ease;
	color: #fff;
	overflow: hidden;
	top:-50px;
}
.telList dd.active{
	top:0;
}
.consultBox{
	
	overflow: hidden;
}.consultBox p{ font-size:16px; line-height:29px; color:#fff; }
.box4-bt{
	height: 51px;
	width: 51px;
	border-radius: 50%;
	border: 1px solid #fff;
	position: absolute;
	bottom: 20%;
	cursor: pointer;
	transition: 0.6s ease-out;
}
.box4-bt i{
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.3);
	display: block;
	border-radius: 50%;
	animation: sideBt1 infinite 2s;
	transition: 0.8s ease-out;
	position: relative;
	left: 50%;
	top: 50%;
	margin-left: -50%;
	margin-top: -50%;
}
@keyframes sideBt1{
	0%{
		opacity: 0;
		transform: scale(0);
	}
	50%{
		opacity: 1;
		transform: scale(0);
	}
	100%{
		opacity: 0;
		transform: scale(1.8);
	}
}

.box4-bt.box4-prev{
	background: url(../images/arrow1.png) center center no-repeat;
	left: -60px;
}
.box4-bt.box4-prev.hover{
	left: 80px;
}
.box4-bt.box4-next{
	background: url(../images/arrow2.png) center center no-repeat;
	right: -60px;
}
.box4-bt.box4-next.hover{
	right: 80px;
}
/*nextTit */
.box4 .nextTit{
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 0;
	padding-right: 55px;
	z-index: 999;
	transition: 0.4s ease;
	display: none;
}
.box4 .nextTit:after{
	content: '';
	border-bottom: 1px solid #fff;
	width: 50px;
	position: absolute;
	top: 50%;
	roght:0;
}
.box4 .box4Line{
	border-bottom: 1px solid #4d82d0;
	position: absolute;
	left: -13.5%;
	width: 13.5%;
	bottom: 10.5%;
	transition: 0.4s ease;
}





.section-6 p a{ color:#fff; font-size:15px }
.section-6 a:hover{ color:#edf1f4}
.section-6 p a:active{ color:#fff; }





.section-btn{ display:block}	

.rtrtrtq{display:none}
.page-content{display:none}

<!------------------------------------------------------------------------------------------------------------------------------>
@media all and (max-width:550px){
	
.section-wrap{ display:none!important}	
	
.rtrtrtq{display:block}
	
.page-hd{display:block}
.section-btn{ display:none}	
	
	
	.panorama{ padding-top:80px!important}
	.aboutBgLeft .newsTit .newsTitsp2{ font-size:30px!important; margin-bottom:0}
	
	.aboutBgLeft .newsTit span{ font-size:18px!important;}
	.aboutBgLeft{ width:90%; margin:0 ; height:100px; float:none}
	
	.newsTab{ display:none}
	
	.newsRight{ width:100%; margin:0 auto}
	.newsList{ display:block}
	.newsList .news-slide{ width:31%; float:left; margin:0 1%}
	
	.newsListBox{ padding:0 3%}
	.newsList .listTime .listTimesp1 {
    font-size: 22px;
    line-height: 24px;
    color: #0075c1;
}.newsList .listTime .listTimesp2 {
    font-size: 4px;
    line-height: 24px;
    color: #666;
}


.newsList .listInfr .listInfrsp {
    font-size: 15px;
    line-height: 24px;
    color: #333;
    display: block;
    overflow: hidden;
    height: 68px;
    margin-bottom: 15px;
}

.newsList .listInfr .listInfrsp1 {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    display: block;
    overflow: hidden;
    height: 65px; 
}



.newsList .listImg .imgBox {
    height: 170px;
    background-size: cover !important;
}

.box4-slide {
    width: 95%!important;
    margin: 0 auto; height:600px
    
}
.box4-slide .listImg{ width:100%; float:none}
.box4-slide .listBox {
    width: 100%;
    position: relative;
    height: 100%; float:none 
}
.box4-slide .listImg .imgBox {
    height:auto;  width:90%; margin:0 auto;margin-top:60px;
}.box4-slide .listTxt:first-div{ height:0}
.newsTit h3 {
    font-size: 20px;
	}
.consultBox{ margin-top:-40%}
.3rfsa3{ font-size:18px!important; width:100%; float:left; color:#fff}
.sgufd{ display:none}
.newsTit h3{ line-height:24px}
.newsTit div{ width:100%!important}.consultBox p {
    font-size: 14px;
    line-height: 29px;
    color: #fff; text-align:left
}.swiper-slide .footroror{ font-size:14px!important; width:90%; margin:0 auto; display:block}














}

@media all and (max-width:450px){
	
.section-wrap{ display:none!important}	
	
.rtrtrtq{display:block}
	
.page-hd{display:block}
.section-btn{ display:none}	
	
	
	.panorama{ padding-top:80px!important}
	.aboutBgLeft .newsTit .newsTitsp2{ font-size:30px!important; margin-bottom:0}
	
	.aboutBgLeft .newsTit span{ font-size:18px!important;}
	.aboutBgLeft{ width:90%; margin:0 ; height:100px; float:none}
	
	.newsTab{ display:none}
	
	.newsRight{ width:100%; margin:0 auto}
	.newsList{ display:block}
	.newsList .news-slide{ width:31%; float:left; margin:0 1%}
	
	.newsListBox{ padding:0 3%}
	.newsList .listTime .listTimesp1 {
    font-size: 22px;
    line-height: 24px;
    color: #0075c1;
}.newsList .listTime .listTimesp2 {
    font-size: 4px;
    line-height: 24px;
    color: #666;
}


.newsList .listInfr .listInfrsp {
    font-size: 15px;
    line-height: 24px;
    color: #333;
    display: block;
    overflow: hidden;
    height: 68px;
    margin-bottom: 15px;
}

.newsList .listInfr .listInfrsp1 {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    display: block;
    overflow: hidden;
    height: 65px; 
}



.newsList .listImg .imgBox {
    height: 170px;
    background-size: cover !important;
}

.box4-slide {
    width: 95%!important;
    margin: 0 auto; height:600px
    
}
.box4-slide .listImg{ width:100%; float:none}
.box4-slide .listBox {
    width: 100%;
    position: relative;
    height: 100%; float:none 
}
.box4-slide .listImg .imgBox {
    height:auto;  width:90%; margin:0 auto;margin-top:60px;
}.box4-slide .listTxt:first-div{ height:0}
.newsTit h3 {
    font-size: 20px;
	}
.consultBox{ margin-top:-40%}
.3rfsa3{ font-size:18px!important; width:100%; float:left; color:#fff}
.sgufd{ display:none}
.newsTit h3{ line-height:24px}
.newsTit div{ width:100%!important}.consultBox p {
    font-size: 14px;
    line-height: 29px;
    color: #fff; text-align:left
}.swiper-slide .footroror{ font-size:14px!important; width:90%; margin:0 auto; display:block}










.panorama {
    height: 100%;
    width: 100%!important; min-width:100%!important
}

.newsList .listInfr{ height:110px}

.newsTit h3{ width:100%!important; float:none}









}



@media all and (max-width:450px){


.box4-slide {
    width: 95%!important;
    margin: 0 auto; height:600px
    
}
.panorama {
    height: 100%;
    width: 100%!important; min-width:100%!important
}

}